{% for msg in msgs %}
<div class="card border-primary shadow" style="width: 50rem;">
    <div class="card-header">
        <div class="row">
            <div class="col-sm-10" style="font-size: 25px;">{{msg.content}}</div>
            <div class="col-sm-2"><button type="button" class="btn btn-secondary btn-sm"
                    data-toggle="modal" data-target="#comment"
                    onclick="sayComment('{{msg.id}}')">吐槽一下</button>
                   
            </div>
           
        </div>

    </div>
    <div class="card-body">
        <ul class="list-group list-group-flush" id="{{msg.id}}">
            {% for comment in msg.comments %}
            <li class="list-group-item">
                <blockquote class="blockquote mb-0">
                    <p style="font-size: 17px;">{{comment.content}}</p>
                    <footer class="blockquote-footer" style="text-align: right;">
                        <cite title="Source Title">{{comment.comUserName}}</cite>&nbsp;&nbsp;对
                        <cite title="Source Title">{{msg.msgUserName}}</cite>&nbsp;&nbsp;说
                    </footer>
                </blockquote>
            </li>
            {% endfor %}
        </ul>

    </div>
</div>
{% endfor %}


